import Taro, { Component } from '@tarojs/taro';
import { View, Swiper, SwiperItem } from '@tarojs/components';

import './style.less';

class Banner extends Component {
  render() {
    return (
      <Swiper
        className='banner'
        indicatorActiveColor='#666'
        autoplay={5}
        indicatorDots
      >
        <SwiperItem className='item' >
          <View className='iconfont icon-baojiaquotation2 point' ></View>
          <View className='title' style={{ marginTop: '10%', fontSize: '35rpx' }} >日本著名中小学教育专家阴山英男发明</View>
          <View className='title' style={{ marginTop: '10rpx', fontSize: '30rpx' }} >百万学生实践证明可以锻炼数学思维，提升数学能力。</View>
          <View className='title' style={{ marginTop: '10rpx', fontSize: '30rpx' }} >提升数学能力。</View>
          {/* <View className='btn' >使用教程</View> */}
        </SwiperItem>
        {/* <SwiperItem className='item step2' >
          <View className='iconfont icon-baojiaquotation2 point' ></View>
          <View className='title' style={{ marginTop: '4.5%' }} >和以往的练习相比，能力有所<View className='red' >提升</View></View>
          <View className='detail' >
            <View className='title' >今天</View>
            <View>
              <View className='label' >用时 </View>
              <View className='red' >200秒</View>
              <View className='label' >正确率</View>
              <View className='red' >80%</View>
            </View>
            <View className='title' >昨天</View>
            <View >
              <View className='label' >用时</View>
              <View className='green' >200秒</View>
              <View className='label' >正确率</View>
              <View className='green' >80%</View>
            </View>
          </View>
          <View className='btn' >历史表现</View>
        </SwiperItem> */}
      </Swiper>
    )
  }
}

export default Banner;
